// 创建外壳组件
// ES6引入分别暴露和统一暴露的东西
import React, { Component } from 'react'
import { BrowserRouter } from 'react-router-dom'
import './App.css'
// 引入的是容器组件
// import Count from './containers/Count'
// import Person from './containers/Person'
// import Body from './components/Body'
// import Header from './components/Header'
// import ContextTestDemo from './components/ContextTestDemo'
import RenderProps from './components/RenderProps'
// 创建并暴露APP组件
export default class App extends Component {
  render() {
    return (
      <div>
        <BrowserRouter>
          {/* <ContextTestDemo /> */}
          <RenderProps />
          {/* <Header /> */}
          {/* <Body /> */}
          {/* 给容器组件传递store */}
          {/* 容器组件默认拥有检测state的能力 */}
          {/* <Count/>
          <hr/>
          <Person/> */}
        </BrowserRouter>
      </div>
    )
  }
}
